<html>
   <head>
      <script type = "text/javascript" src = "https://d3js.org/d3.v4.min.js"></script>
   </head>
   <body>
    <!-- Step 1 - 创建SVG图像并将宽度设置为300像素，将高度设置为300像素。 -->
    <svg width="300" height="300">
    <!-- Step 2 - 创建一个SVG组。 -->
    <!-- Step 5 - 添加转换属性并添加平移和旋转，如下所示。 -->
    <g transform="translate(60 60) rotate(60)">
    <!-- Step 3 - 创建一个长度为60，高度为30的矩形，并用绿色填充。 -->
    <rect x="20" y="20" width="60" height="30" fill="green">
    </rect>
      <!-- Step 4 - 创建一个半径为30的圆，并用红色填充。    -->
    <circle cx="10" cy="10" r="30" fill="red">
    </circle>

        
    </g>


    </svg>
     
   </body>
</html>